/**
 * Copyright (c) 2018-present, Chen Guodong
 * All rights reserved.
 *
 * @flow
 */


<template>
  <div class="content">
    <div class="header">
      <NavBar title="待办列表">
        <i class="iconfont icon-arrow-left" slot="left" style="font-size: 20px;" @click="goBack"></i>
      </NavBar>
    </div>
    <div class="main">
      <ul>
        <li>
          <h2>陈国栋的费用审批</h2>
          <p><span class="label">报销金额(元):</span><span class="value">1773</span></p>
          <p><span class="label">日期:</span><span class="value">2018-12-05</span></p>
          <p><span class="label">报销类别:</span><span class="value">选项一</span></p>
          <div class="footer"></div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import NavBar from "../../components/NavBar/NavBar";

export default {
  data() {
    return {};
  },
  methods: {
    goBack() {
      this.$router.back();
    }
  },
  components: {
    NavBar
  }
};
</script>

<style lang='less' scoped>
.content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .header {
    height: 46px;
    width: 100%;
    position: relative;
  }
  .main {
    width: 100%;
    height: calc(~"100% - 46px");
    position: relative;
  }
}
</style>
